<div class="switch-wrap">
    <div>
        <ion-segment (ionChange)="segmentChanged($event)" [value]="defaultValue" scrollable>
            <ion-segment-button *ngFor="let item of actions;let key=index" [value]="key">
                <ion-label class="segmentFont">{{item}}</ion-label>
            </ion-segment-button>
        </ion-segment>
    </div>
    <ion-content class="container">
        <ion-slides class="switchtabs-slider" (ionSlideDidChange)="ionSlideDidChange()" [options]="slideOpts"  #slides>
            <ion-slide class="tabs-slider" *ngFor="let item of actions;let key = index">
                <ion-content *ngIf="key === 0" class="container-content">
                    <ng-content select="[name=zero]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 1" class="container-content">
                    <ng-content select="[name=one]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 2" class="container-content">
                    <ng-content select="[name=two]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 3" class="container-content">
                    <ng-content select="[name=three]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 4" class="container-content">
                    <ng-content select="[name=four]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 5" class="container-content">
                    <ng-content select="[name=five]">

                    </ng-content>
                </ion-content>
                <ion-content *ngIf="key === 6" class="container-content">
                    <ng-content select="[name=six]">

                    </ng-content>
                </ion-content>
            </ion-slide>
        </ion-slides>
    </ion-content>
</div>
